import React from 'react';

import { BrowserRouter, HashRouter} from 'react-router-dom';

import App from './App.js';

import { Provider } from 'mobx-react';

import FirstStore  from './store/store';
import TwoStore  from './store/twostore';
import Observable  from './store/observable';

// Router.js
import NewStore  from './store/newstore';
import PageGx  from './store/pagegx';


// src
//     store
//         store.js
//         twostore.js
// Router.js


const stores = {
    first: new FirstStore(),
    two:new TwoStore(),
    observable:new Observable(),
    newStore:new NewStore(),
    PageGx:new PageGx(),
    // tow:new TwoStore(),
    // .....
}

// console.log(stores)

const Router = () => (
    <BrowserRouter>
        <Provider {...stores}>
            <App/>
        </Provider>
    </BrowserRouter>
)
export default Router;
